<script setup>
const lists = ref(Array.from({ length: 10 }).fill({}));
function go() {
  uni.navigateTo({ url: '/pages/service-person/index' });
}
</script>

<template>
  <scroll-view scroll-y="true" class="mt5 overflow-auto service-content">
    <view class="mb4">
      清洁类服务
    </view>
    <view v-for="(item, i) in lists" :key="i" class="mb3 wrap box-sha">
      <view @click="go">
        <view class="font-600 font-size-5">
          洗脸
        </view>
        <view class="color-#555">
          服务人数：1 / 10
        </view>
      </view>
      <view>
        <nut-icon name="home" />
      </view>
    </view>
  </scroll-view>
</template>

<style lang="scss" scoped>
.service-content {
  height: calc(100vh - 480rpx);
}
</style>
